<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	<ui:composition template="/templates/component-sample.xhtml">
		<ui:define name="sample">
			
			<p>
			a4j:commandButton is similar to the standard h:commandButton, but produces an
			Ajax request with a further partial page update. 'reRender' attribute points to the
			component(s) that should be re-rendered in the component tree and updated
			in the browser DOM after an Ajax Response is completed.
			</p>
			
			<p>
				The following example shows how the greeting message is shown on the screen 
				without refreshing the entire page:
			</p>
			
			<div class="sample-container" >

				<ui:include src="/richfaces/commandButton/examples/sayHello.xhtml"/>
				<ui:include src="/templates/include/sourceview.xhtml">
					<ui:param name="sourcepath" value="/richfaces/commandButton/examples/sayHello.xhtml"/>
				</ui:include>			
										
			</div>
			<p>
				For additional information about attributes of this compponent read
				<a href="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes">
					<h:outputText value="'Ajax Attribute' section" />
				</a>.
			</p>			
			
		</ui:define>

	</ui:composition>
</html>
